<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>班级管理</title>
    <%@include file="/WEB-INF/views/common/common.jsp" %>
    <script src="/static/js/system/grade.js"></script>

</head>
<style>
    #grade_form td {
        padding: 5px 0px;
    }
</style>
<body>

<%--自己写的管理--%>
<table id="grade_datagrid"></table>
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-header">班级管理</div>
        <div class="layui-card-body" style="height: 500px">

            <!--左上方工具栏-->
            <div id="toolbar">
               <div>
                   <a href="javascript:;" class="easyui-linkbutton" iconCls="icon-add" plain="true" data-cmd="add">新增</a>
                   <a href="javascript:;" class="easyui-linkbutton" iconCls="icon-edit" plain="true" data-cmd="edit">编辑</a>
                   <a href="javascript:;" id="changeState_btn" class="easyui-linkbutton" iconCls="icon-remove" plain="true" data-cmd="changeState">班级状态</a>
                   <a href="javascript:;" class="easyui-linkbutton" iconCls="icon-reload" plain="true" data-cmd="reload">刷新</a>
                   <input type="text" class="easyui-textbox" name="keywords" prompt="请输入班级名称"/>
                   <input class="easyui-combobox" id="headteacher" data-options="
                                  url: '/grade/selectAll',
                                  valueField: 'id',
                                  textField: 'username'
                                " prompt="请选择班主任名字"/>
                   <a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true"
                      data-cmd="query"></a>
               </div>
            </div>


            <div id="grade_dialog">
                <form id="grade_form" method="post">
                    <table style="margin: 0px auto;margin-top: 20px;">
                        <input type="hidden" id="gradeId" name="id" />
                        <tr>
                            <td>班级名称:</td>
                            <td>
                                <input type="text" class="easyui-textbox" name="name"/>
                            </td>
                        </tr>
                        <tr>
                            <td>班主任:</td>
                            <td>
                                <input type="text" class="easyui-combobox" name="headteacher"/>
                            </td>
                        </tr>

                        <tr>
                            <td>状态:</td>
                            <td><input type="text" class="easyui-combobox" name="state"  data-options="valueField:'value'">
                            </td>
                        </tr>
                    </table>
                </form>

                <%--<!--模态框管理-->--%>
                <div id="form_btns">
                    <a href="javascript:;" class="easyui-linkbutton" iconCls="icon-save" plain="true"
                       data-cmd="saveOrUpdate">保存</a>
                    <a href="javascript:;" class="easyui-linkbutton" iconCls="icon-cancel" plain="true"
                       data-cmd="cancel">取消</a>
                </div>
            </div>

        </div>
    </div>
</div>
</body>
</html>